.projectList {
  background-color: rgb(244, 246, 250);
  padding: 0 32rpx;
  box-sizing: border-box;
  padding-top: 46rpx;
  min-height: 68vh;
  padding-bottom: 200rpx;

  .prompt {
      font-size: 24rpx;
      font-weight: bolder;
      text-align: center;
      display: block;
      margin-bottom: 64rpx;
      color: #A1A1A1;
  }

  .projectItem {
      display: flex;
      border-bottom: 2rpx solid #A1A1A1;
      padding-bottom: 32rpx;
      margin-bottom: 32rpx;
      position: relative;

      .notUpload {
          position: absolute;
          right: 0;
          bottom: 17rpx;
          width: 166rpx;
          height: 42rpx;
          background: #D60010;
          border-top-left-radius: 21rpx;
          border-bottom-left-radius: 21rpx;
          font-size: 28rpx;
          color: #FFFFFF;
          text-align: center;
          line-height: 42rpx;
      }

      image {
          width: 132rpx;
          height: 132rpx;
          border-radius: 8rpx
      }

      .projectItem-right {
          margin-left: 16rpx;

          .projectItem-right-one {

              display: flex;
              justify-content: space-between;


              .adress {
                  font-size: 28rpx;
                  font-weight: bolder;
                  flex: 1;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  overflow: hidden;
              }

              .money {
                  font-size: 24rpx;
                  color: #D6000F;
              }
          }

          .projectItem-right-two {
              margin-top: 13rpx;
              font-size: 24rpx;
              margin-top: 13rpx;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              color: #A1A1A1;
          }

          .projectItem-right-treen {
              margin-top: 13rpx;
              font-size: 24rpx;
              margin-top: 13rpx;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              color: #A1A1A1;
          }
      }
  }
}

page{

  background: #F4F5F9;
}

.team{
  .bigtitle{
      margin-top: 37rpx;
      margin-bottom: 37rpx;
font-size: 48rpx;
font-weight: bolder;
color: #000000;
text-align: center;

  }
.serch {
    
  width: 686rpx;
  height: 72rpx;

  // background: #FFFFFF;
  background: white;

  border-radius: 36rpx;
  // border: 2rpx solid #020113;
  margin: 0 auto;
  display: flex;
  align-items: center;


  image {
      width: 56rpx;
      height: 56rpx;
      margin-left: 16rpx;
  }

  input {
      flex: 1;
      padding: 0 36rpx;
  }
}

.teamContent {
  background: #F4F5F9;
  width: 252rpx;
  font-size: 28rpx;
  // margin-top: 196rpx;
  width: 750rpx;
  font-weight: 400;
  color: #A1A1A1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  .title {
      margin-top: 196rpx;
  }

  image {
      display: block;
      margin-top: 177rpx;
      width: 163rpx;
      height: 163rpx;
  }
}

.tramList {
  margin-top: 46rpx;
  padding-bottom: 200rpx;

  .teamItem {



      width: 700rpx;
      margin: 0 auto;
      margin-top: 31rpx;

      .teamItem-content {
          border-radius: 32rpx;
          background: #FFFFFF;
          display: flex;
          align-items: center;

          height: 208rpx;
      }

      .teamItem-left {
          position: relative;
          margin-left: 24rpx
      }

      .boder {
          left: -7rpx;
          top: -8rpx;
          position: absolute;

      }

      .grewBoder {
          border: 7rpx solid #DBDCE0;
      }

      .headerImg {
          width: 170rpx;
          height: 170rpx;
          border-radius: 50%;
          display: block;
      }

      .certification {
          width: 48rpx;
          height: 48rpx;
          position: absolute;
          bottom: 0;
          right: 0;
          background: #D6000F;
          border-radius: 50%;
          text-align: center;
          line-height: 48rpx;
          color: #FFFFFF;
          font-weight: bold;
          font-size: 24rpx;
          display: block;
          z-index: 1000;

      }

      .teamItem-right {
          margin-left: 29rpx;
          flex: 1;
          margin-right: 32rpx;

          .teamItem-right-one {
              display: flex;
              justify-content: space-between;

              .name {

                  font-size: 36rpx;
                  font-weight: bolder;
                  line-height: 54rpx;
              }

              .len {
                  margin-top: 9rpx;
                  width: 162rpx;
                  height: 1rpx;
                  background: #000000;
              }
          }

          .teamItem-right-two {
              margin-top: 17rpx;
              display: flex;
              justify-content: space-between;
              font-size: 24rpx;
          }

          .teamItem-right-treen {
              margin-top: 21rpx;
              font-size: 24rpx;
          }
      }
  }

  .activeDoder {
      border: 2rpx solid #D60010;
  }

  .add {
      width: 163rpx;
      height: 163rpx;
      display: block;
      margin: 0 auto;
      margin-top: 44rpx;
  }
}

.btn {
  width: 607rpx;
  height: 0rpx;
  background: #D60010;
  border-radius: 0rpx 0rpx 32rpx 32rpx;
  margin: 0 auto;
  display: flex;
  transition: all 0.3s;
 overflow: hidden;
  view {
      flex: 1;
      text-align: center;
      line-height: 77rpx;
      color: #FFFFFF;
      // line-height: 48px;
      margin: 16rpx 0;
      box-sizing: border-box;
      border-right: 2rpx solid rgba(255, 255, 255, .3);
  }
}
.activebtn{
  height: 109rpx;
  transition: all 0.3s;
}
.btns{
width: 750rpx;
height: 196rpx;
background: #FFFFFF;
box-shadow: 0rpx 8rpx 48rpx 0rpx rgba(1,7,19,0.1);
border-radius: 32rpx 32rpx 0rpx 0rpx;
position: fixed;
left: 0;

bottom: 0;
view{
width: 686rpx;
height: 88rpx;
background: #D6000F;
border-radius: 44rpx;


margin: 24rpx auto;
color: #FFFFFF;
font-size: 32tpx;
font-weight: bold;
text-align: center;
line-height: 88rpx;;
}
}
}



.createorder {
  margin-top: 164rpx;
  // padding: 0 32rpx;

  .headerImg {
      width: 296rpx;
      margin: 0 auto;
      height: 296rpx;
      background: rgba(2, 1, 19, .1);
      border-radius: 50%;
  }

  .customer {
      margin-top: 56rpx;
      font-size: 32rpx;
      font-weight: bolder;
      color: #000000;
      text-align: center;
  }

  .createorderList {
      margin-top: 124rpx;
      padding: 0 32rpx;
      .createorderItem {
          // ;
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 32rpx;
          view {
              color: #797A7C;
              font-size: 28rpx;
          }

          input {
              margin-left: 10rpx;
              width: 614rpx;
              height: 72rpx;
              border-radius: 8rpx;

              border: 1rpx solid #130101;
          }
      }
  }
  .btn{
      width: 750rpx;
      position: fixed;
      bottom: 0;
      left: 0;

height: 196rpx;
background: #FFFFFF;
box-shadow: 0rpx 8rpx 48rpx 0rpx rgba(1,7,19,0.15);
border-radius: 32rpx 32rpx 0rpx 0rpx;
.next{
  width: 686rpx;
  height: 88rpx;
  background: #D6000F;
  border-radius: 44rpx;
  
  
  margin: 24rpx auto;
color: #FFFFFF;
font-size: 32tpx;
font-weight: bold;
text-align: center;
line-height: 88rpx;;
}
  }
}


.maskpaidan{
  background: rgba(0, 0, 0,.8);
  position: fixed;
  left: 0;
  top: 0;
  width: 750rpx;
  height: 100vh;
  z-index: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.maskpaidan .content{
  width: 616rpx;
height: 446rpx;
background: #FFFFFF;
border-radius: 32rpx;
}
.maskpaidan .content .title{
text-align: center;
  font-size: 48rpx;
  font-weight: bolder;
  color: #000000;
  margin-top: 108rpx;
}
.maskpaidan .content .btneee{
  width: 500rpx;
  margin: 0 auto;
  margin-top: 92rpx;
height: 88rpx;
background: #D6000F;
border-radius: 44rpx;
text-align: center;
font-size: 32rpx;
font-weight: bold;
color: #FFFFFF;
line-height: 88rpx;


}
.delmask{
  width: 80rpx;
  height: 80rpx;
  display: block;
  margin: 40rpx auto;
}